<!doctype html>
<html>

<link rel="import" href="inline/common-head.html?__inline">

<body>

  <div id="preload_list" style="display:none;">
    <img data-src="img/ani-girl-qilin.png">
    <img data-src="img/ani-girl-sleep.png">
    <img data-src="img/ani-girl-stand.png">
    <img data-src="img/ani-girl-wakeup.png">
    <img data-src="img/ani-yanhua.png">
    <img data-src="img/common-star-icon-bg.png">
    <img data-src="img/common-star-icon-hanguo.png">
    <img data-src="img/common-star-icon-taiwan.png">
    <img data-src="img/common-star-icon-zhongguo.png">
    <img data-src="img/cover-cloud.png">
    <img data-src="img/dot-center.png">
    <img data-src="img/dot-light.png">
    <img data-src="img/end-bg.jpg">
    <img data-src="img/home-bg.jpg">
    <img data-src="img/home-shake-tip.png">
    <img data-src="img/op-w1-bg.png">
    <img data-src="img/op-w1-failed.png">
    <img data-src="img/op-w1-ring.png">
    <img data-src="img/op-w1-success.png">
    <img data-src="img/op-w2-bg.png">
    <img data-src="img/op-w2-icon1-act.png">
    <img data-src="img/op-w2-icon1.png">
    <img data-src="img/op-w2-icon2-act.png">
    <img data-src="img/op-w2-icon2.png">
    <img data-src="img/op-w2-icon3-act.png">
    <img data-src="img/op-w2-icon3.png">
    <img data-src="img/op-w2-icon4-act.png">
    <img data-src="img/op-w2-icon4.png">
    <img data-src="img/op-w2-icon5-act.png">
    <img data-src="img/op-w2-icon5.png">
    <img data-src="img/op-w2-icon6-act.png">
    <img data-src="img/op-w2-icon6.png">
    <img data-src="img/op-w2-success.png">
    <img data-src="img/op-w2-tip.png">
    <img data-src="img/op-w3-left-bg.png">
    <img data-src="img/op-w3-left-btn1.png">
    <img data-src="img/op-w3-left-btn2.png">
    <img data-src="img/op-w3-left-btn3.png">
    <img data-src="img/op-w3-left-btn4.png">
    <img data-src="img/op-w3-right-bg.png">
    <img data-src="img/op-w3-right-btn1.png">
    <img data-src="img/op-w3-right-btn2.png">
    <img data-src="img/op-w3-right-btn3.png">
    <img data-src="img/op-w3-right-btn4.png">
    <img data-src="img/sea-bg1.jpg">
    <img data-src="img/sea-bg2.jpg">
    <img data-src="img/sea-bg3.jpg">
    <img data-src="img/sea-bg4.jpg">
    <img data-src="img/sea-bg5.jpg">
    <img data-src="img/sea-word-left.png">
    <img data-src="img/sea-word-right.png">
    <img data-src="img/share-bg.jpg">
    <img data-src="img/star-bg.jpg">
    <img data-src="img/star-curtain-left.png">
    <img data-src="img/star-curtain-right.png">
    <img data-src="img/star-drag-tip.png">
    <img data-src="img/star-star-tip.png">
    <img data-src="img/star-word-content.png">
  </div>

  <div id="loading-cover"></div>

  <div class="wrapper">

    <div class="page page-star">
      <div class="scene"></div>
      <a href="javascript:;" class="btn dot"><div class="ring"></div></a>
      <div class="curtain curtain-right"></div>
      <div class="star-tip"></div>
      <div class="drag-tip"></div>
    </div>

    <div class="page page-sea">
      <div class="scene">
        <div class="part part1"></div>
        <div class="part part2"></div>
        <div class="part part3"></div>
        <div class="part part4"></div>
        <div class="part part5"></div>
      </div>
      <div class="word word-right"></div>
      <div class="yanhua yanhua1"></div>
      <div class="yanhua yanhua2"></div>
      <div class="yanhua yanhua3"></div>
    </div>

    <link rel="import" href="inline/girl.html?__inline">
  </div>

  <div class="op-pop">
    <div class="window1 window1-right">
      <div class="op-window">
        <a href="javascript:;" class="btn btn-sel btn1" data-target="0"></a>
        <a href="javascript:;" class="btn btn-sel btn2" data-target="1"></a>
        <a href="javascript:;" class="btn btn-sel btn3" data-target="0"></a>
        <a href="javascript:;" class="btn btn-sel btn4" data-target="0"></a>
        <a href="javascript:;" class="btn btn-submit"></a>
      </div>
      <div class="tip-success"></div>
      <div class="tip-failed"></div>
    </div>
    <div class="window2 window2-right">
      <div class="tip">
        <a class="btn"></a>
      </div>
      <div class="op-window">
        <a href="javascript:;" class="btn icon1 remain" data-target="1"></a>
        <a href="javascript:;" class="btn icon2 remain" data-target="2"></a>
        <a href="javascript:;" class="btn icon3 remain" data-target="3"></a>
        <a href="javascript:;" class="btn icon4 remain" data-target="4"></a>
        <a href="javascript:;" class="btn icon5 remain" data-target="5"></a>
        <a href="javascript:;" class="btn icon6 remain" data-target="6"></a>
      </div>
      <div class="tip-success"></div>
    </div>
    <div class="window3 window3-right">
      <div class="op-window">
        <a href="javascript:;" class="btn btn1" data-target="1"></a>
        <a href="javascript:;" class="btn btn2" data-target="2"></a>
        <a href="javascript:;" class="btn btn3" data-target="3"></a>
        <a href="javascript:;" class="btn btn4" data-target="4"></a>
      </div>
    </div>
  </div>

  <link rel="import" href="inline/common-bottom.html?__inline">

  <script src="js/lib/sockjs.js"></script>
  <script src="js/common/common.js"></script>
  <script src="js/app/friend.js"></script>
</body>

</html>